<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  <!-- 
    1 state
      state中保存了组件中的状态
    2 getter
      getter可以通过去筛选state中的数据的到新数据
    3 mutation
      mutation作用是改变state中数据（只要涉及到state的数据改变，那么就必须使用mutation）
    4 action
      action用于异步请求数据，最终将数据通过mutation修改到state中（在action中一定是需要提交mutation）

   -->
  <script>
    var state = {
      movies: [1,2,3,4],
      // watchedMovies: [2,3]
    }

    var getter = {

    }
  </script>
</body>
</html>